{"ast":null,"code":"var _jsxFileName = \"/data/messenger.client/src/components/UserItem/index.tsx\";\nimport React from 'react';\nimport classNames from \"classnames\";\nimport './UserItem.scss';\nimport { Avatar } from \"../index\";\nimport { getUserName } from \"../../utils/User\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst UserItem = props => {\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: classNames('users__item', {\n      'users__item--online': true,\n      'users__item--active': false\n    }),\n    children: /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"users__item--avatar\",\n      children: /*#__PURE__*/_jsxDEV(Avatar, {\n        contentList: props.profile.content,\n        alt: getUserName(props.profile),\n        stringForFirstCharacter: getUserName(props.profile),\n        stringForGenerateColor: props.profile.id,\n        shortAvatar: true\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 17\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 17,\n      columnNumber: 13\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 11,\n    columnNumber: 9\n  }, this);\n};\n_c = UserItem;\nexport default UserItem;\nvar _c;\n$RefreshReg$(_c, \"UserItem\");","map":{"version":3,"names":["React","classNames","Avatar","getUserName","UserItem","props","profile","content","id"],"sources":["/data/messenger.client/src/components/UserItem/index.tsx"],"sourcesContent":["import React from 'react';\nimport {UserItemProps} from \"../../models/props/UserItemProps\";\nimport classNames from \"classnames\";\nimport './UserItem.scss';\nimport {Avatar} from \"../index\";\nimport {getUserName} from \"../../utils/User\";\n\nconst UserItem: React.FC<UserItemProps> = (props) => {\n\n    return (\n        <div\n            className={classNames('users__item', {\n                'users__item--online' : true,\n                'users__item--active': false\n            })}\n        >\n            <div className=\"users__item--avatar\">\n                <Avatar\n                    contentList={props.profile.content}\n                    alt={getUserName(props.profile)}\n                    stringForFirstCharacter={getUserName(props.profile)}\n                    stringForGenerateColor={props.profile.id}\n                    shortAvatar={true}\n                />\n            </div>\n        </div>\n    );\n}\n\nexport default UserItem;"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAO,iBAAiB;AACxB,SAAQC,MAAM,QAAO,UAAU;AAC/B,SAAQC,WAAW,QAAO,kBAAkB;AAAC;AAE7C,MAAMC,QAAiC,GAAIC,KAAK,IAAK;EAEjD,oBACI;IACI,SAAS,EAAEJ,UAAU,CAAC,aAAa,EAAE;MACjC,qBAAqB,EAAG,IAAI;MAC5B,qBAAqB,EAAE;IAC3B,CAAC,CAAE;IAAA,uBAEH;MAAK,SAAS,EAAC,qBAAqB;MAAA,uBAChC,QAAC,MAAM;QACH,WAAW,EAAEI,KAAK,CAACC,OAAO,CAACC,OAAQ;QACnC,GAAG,EAAEJ,WAAW,CAACE,KAAK,CAACC,OAAO,CAAE;QAChC,uBAAuB,EAAEH,WAAW,CAACE,KAAK,CAACC,OAAO,CAAE;QACpD,sBAAsB,EAAED,KAAK,CAACC,OAAO,CAACE,EAAG;QACzC,WAAW,EAAE;MAAK;QAAA;QAAA;QAAA;MAAA;IACpB;MAAA;MAAA;MAAA;IAAA;EACA;IAAA;IAAA;IAAA;EAAA,QACJ;AAEd,CAAC;AAAA,KApBKJ,QAAiC;AAsBvC,eAAeA,QAAQ;AAAC;AAAA"},"metadata":{},"sourceType":"module"}